<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>马心浩第一次作业</title>
<link href="style.css" rel='stylesheet' type='text/css' />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
</head>
<body>

	<div class="page-body">
		<div class="page-body-head">
			<div class="head-img"><i class="fa fa-user"></i></div>
			<div class="head-img"><i class="fa fa-commenting"></i></div>
			<div class="head-img"><i class="fa fa-clock-o"></i></div>
		</div>









		<div class="page-body-content">
			<div class="user-img"><img src="images/friend1.jpg"></div>
			<div class="user-info">
				<p1>Miro Badev</p1>
				<p2>mirobadev@gmail.com</p2>
			</div>
			<div class="user-message"><a>·</a></div>
		</div>
		<div class="page-body-content">
			<div class="user-img"><img src="images/friend2.jpg"></div>
			<div class="user-info">
				<p1>Martin Joseph</p1>
				<p2>marjoseph@gmail.com</p2>
			</div>
			<div class="user-message-2"><a>·</a></div>
		</div>
		<div class="page-body-content">
			<div class="user-img"><img src="images/friend4.jpg"></div>
			<div class="user-info">
				<p1>Tomas Kennedy</p1>
				<p2>tomaskennedy@gmail.com</p2>
			</div>
			<div class="user-message-3"><a>·</a></div>
		</div>
		<div class="page-body-content">
			<div class="user-img"><img src="images/friend6.jpg"></div>
			<div class="user-info">
				<p1>Enrique Sutton</p1>
				<p2>enriquesutton@gmail.com</p2>
			</div>
			<div class="user-message-3"><a>·</a></div>
		</div>
		<div class="page-body-content">
			<div class="user-img"><img src="images/friend5.jpg"></div>
			<div class="user-info">
				<p1>Darnell Strickland</p1>
				<p2>darnellstrickland@gmail.com</p2>
			</div>
			<div class="user-message-3"><a>·</a></div>
		</div>





		<div class="page-body-content-bottom">
			<div class="search-img"><i class="fa fa-search"></i></div>
			<div userinfo>
				<table method="post" action="">
					<input type="text" id="bottom-search" name="search" value="search" onfocus="this.value=''" onblur="this.value='search'" >
				</table>
			</div >
			
		</div>
	</div>

</body>
</html>